<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=0.5, maximum-scale=2.0, user-scalable=no">
    <title>预约</title>
    <link href="/zyy/Public/css/appointment.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/zyy/Public/js/jquery-1.12.1.js"></script>
</head>
<body>
<div class="All">
    <div class="heading">
        <div class="back">
            <img src="/zyy/Public/images/back.png">
        </div>
        <div class="name">白居易</div>
    </div>
    <div class="content">
        <div class="list1 line">
            <div class="image">
                <img src="/zyy/Public/images/personPhoto.jpg">
            </div>
            <div class="wenzi">
                <div class="title">
                    <div class="companyname">白居易</div>
                    <div class="shoutui">棒</div>
                    <div class="pingjia">
                        <img src="/zyy/Public/images/xiaohongqi.png">
                        <img src="/zyy/Public/images/xiaohongqi.png">
                        <img src="/zyy/Public/images/xiaohongqi.png">
                    </div>
                </div>
                <div class="gaikuo">
                    <div class="neirong"><p>e洁家政服务公司保洁部门</p></div>
                </div>
                <div class="biaozhi">
                    <div class="tuanjie">优秀</div>
                    <div class="xixin">积极主动</div>
                </div>
            </div>
        </div>
        <div class="time line">
            <div class="shout" id="short">小时工</div>
            <div class="long" id="longer" >长期工</div>
        </div>
    </div>

    <div class="box_1" id="box11">
        <div class="weui_cell line">
            <div class="weui_cell_hd"><label for="" class="weui_label">日期:</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" type="date" value="hello world"/>
            </div>
        </div>

        <div class="colocker line">
            <div class="colock"><label for="" class="weui_label">时间:</label></div>
            <input type="time">
        </div>
        <div class="namedd line">
            <div class="named">姓名:</div>
            <input class="b" type="text">
        </div>
        <div class="namedd line">
            <div class="named">电话:</div>
            <input type="text">
        </div>
        <div class="namedd line">
            <div class="named">地方:</div>
            <input type="text">
        </div>
    </div>
    <div class="box_2" id="box22">
        <div class="weui_cell line">
            <div class="weui_cell_hd"><label for="" class="weui_label">年龄:</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" type="date" value="hello world"/>
            </div>
        </div>

        <div class="colocker line">
            <div class="colock"><label for="" class="weui_label">时间:</label></div>
            <input type="datetime-local">
        </div>
        <div class="namedd line">
            <div class="named">姓名:</div>
            <input type="text">
        </div>
        <div class="namedd line">
            <div class="named">电话:</div>
            <input type="text">
        </div>
        <div class="namedd line">
            <div class="named">住址:</div>
            <input type="text">
        </div>
    </div>

    <div class="button">确定</div>
</div>
</body>
</html>
<script>
    $(".box_1").show();
    $(".box_2").hide();
    $(function(){
        $(".back img").click(function(){
            window.location.href="<?php echo U('staffBrowsing');?>";
        });
    });
    $(function(){
        $(".shout").click(function(){
            $(".box_1").show();
            $(".box_2").hide();
        });
        $(".long").click(function(){
            $(".box_1").hide();
            $(".box_2").show();
        });
    });
    $("form:input").blur(function(){
        if($(".b").value==""||$(".b").value.length<6){
            $(this).find(".a1").remove();
            var a=$("<span class='a1'>姓名不能为空</span>");
            $(this).parent().append(a);
            // alert("aaaaa");
        }else{
            $(this).find(".a1").remove();
            var a=$("<span class='a1'>正确</span>");
            $(this).parents().append(a);
        }
    });

    $(".button").click(function(){
        location.href="<?php echo U('pay');?>";
    });

</script>